@import "~antd/lib/style/themes/default.less";
@import "../../utils/utils.less";

.cardList {
  margin-bottom: -4px;
  padding      : 10px 25px;

  .card {
    :global {

      .ant-card-meta-avatar {
        margin-left: -7px;
      }

      .ant-card-meta-title {
        margin-bottom: 12px;

        &>a {
          display  : inline-block;
          max-width: 100%;
          color    : @heading-color;
        }
      }

      .ant-card-actions {
        background: #f7f9fa;
      }

      .ant-card-body:hover {
        .ant-card-meta-title>a {
          color: @primary-color;
        }
      }
    }
  }


  .item {
    height: 64px;
  }

  :global {
    .ant-list .ant-list-item-content-single {
      max-width: 100%;
    }

    .ant-list-item-meta {
      flex : inherit;
      width: 35%;
    }


  }
}

.tabss {
  background: #fff;
  min-height: 500px;

  :global {
    .ant-tabs-bar {
      margin: 0px;
    }

    .ant-list-split .ant-list-item:last-child {
      border-bottom: 1px solid #e8e8e8;
    }

    .ant-list-item-meta-title>a {
      color: rgb(24, 144, 255) !important;
    }

    .ant-list-item-action {
      margin-left: 0px;
    }
  }
}

.textzt {
  color: rgba(0, 0, 0, 0.65);
  span {
    display: inline-block;
    margin: 0 2px;
    color       : #1990FF !important;
  }
}


.zsldis {
  display        : flex;
  justify-content: space-around;
  align-items    : center;
  font-size      : 14px;
  line-height    : 50px;
  border-bottom  : 1px solid #666;

  span {
    color      : rgba(0, 0, 0, 0.85);
    display    : inline-block;
    height     : 50px;
    line-height: 50px;
  }

  p {
    margin-bottom: 0;
  }

  :global {
    .ant-form-item-label {
      line-height: 50px !important;
    }

    .ant-form-item {
      margin-bottom: 0;
    }
  }
}

.zslbor,
.zsllbor {
  // border   : 1px solid #666;
  height      : 500px;
  // overflow : auto;
}


.zsllbor {
  padding: 20px;
}


.extraImg {
  width     : 195px;
  margin-top: -60px;
  text-align: center;

  img {
    width: 100%;
  }
}

.newButton {
  width           : 100%;
  height          : 188px;
  color           : @text-color-secondary;
  background-color: #fff;
  border-color    : @border-color-base;
  border-radius   : @border-radius-sm;
}

.cardAvatar {
  width        : 48px;
  height       : 48px;
  border-radius: 48px;
}

.cardDescription {
  .textOverflowMulti();
}

.pageHeaderContent {
  position: relative;
}

.contentLink {
  margin-top: 16px;

  a {
    margin-right: 32px;

    img {
      width: 24px;
    }
  }

  img {
    margin-right  : 8px;
    vertical-align: middle;
  }
}

.zslcheck {
  display        : flex;
  justify-content: center;

  .zslIcon {
    // position  : absolute;
    // left      : 0;
    // display   : inline-block;
    // width     : 20px;
    // height    : 20px;
    // background: #fff;
    // z-index   : 999;
    margin-right : 5px;
  }

  .zslIcon i {
    color: #FF9800;
  }

  :global {
    .ant-checkbox-wrapper {
      width: 100%;
    }
  }

}

.zslGroup {
  font-size : 14px;
  margin-top: 20px;
  width     : 100%;
}

.zslMt {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  height         : 60px;
  line-height    : 60px;
}





.active {
  // width    : calc(100% + 1px);
  background  : #e6f7ff;
  z-index     : 1;
  color       : #1990FF !important;
  border-right: 3px solid #1890ff;

  :global {
    .anticon {
      visibility: visible;
    }

    .ant-checkbox-wrapper {
      color: #1990FF !important;
    }
  }

}

.zslcen {
  font-size   : 16px;
  font-weight : 500;
  text-align  : left;
  color       : rgba(0, 0, 0, 0.85);
  width       : 100%;
  height      : 50px;
  line-height : 50px;
  padding-left: 20px;
}

.zslborl {
  border-bottom: 1px solid #666;
  text-align   : center;
  margin       : 0px !important;

}

.zslborr {
  border-right: 1px solid #666;
  height      : 60px;
  line-height : 60px;
}

.zslh {
  height     : 60px;
  line-height: 60px;

}


.listContent {
  font-size: 0;
  width    : 55%;

  .listContentItem {
    display       : inline-block;
    margin-left   : 40px;
    color         : @text-color-secondary;
    font-size     : @font-size-base;
    vertical-align: top;
    width         : 24%;

    >span {
      line-height: 20px;
    }

    >p {
      margin-top   : 4px;
      margin-bottom: 0;
      line-height  : 22px;
    }
  }
}


.standardList {
  :global {
    .ant-card-head {
      border-bottom: none;
    }

    .ant-card-head-title {
      padding    : 24px 0;
      line-height: 32px;
    }

    .ant-card-extra {
      padding: 24px 0;
    }

    .ant-list-pagination {
      margin-top: 24px;
      text-align: right;
    }

    .ant-avatar-lg {
      width      : 48px;
      height     : 48px;
      line-height: 48px;
    }
  }

  .headerInfo {
    position  : relative;
    text-align: center;

    &>span {
      display      : inline-block;
      margin-bottom: 4px;
      color        : @text-color-secondary;
      font-size    : @font-size-base;
      line-height  : 22px;
    }

    &>p {
      margin     : 0;
      color      : @heading-color;
      font-size  : 24px;
      line-height: 32px;
    }

    &>em {
      position        : absolute;
      top             : 0;
      right           : 0;
      width           : 1px;
      height          : 56px;
      background-color: @border-color-split;
    }
  }

  .extraContentSearch {
    width      : 272px;
    margin-left: 16px;
  }
}

@media screen and (max-width: @screen-xs) {
  .standardList {
    :global {
      .ant-list-item-content {
        display: block;
        flex   : none;
        width  : 100%;
      }

      .ant-list-item-action {
        margin-left: 0;
      }
    }

    .listContent {
      margin-left: 0;

      &>div {
        margin-left: 0;
      }
    }

    .listCard {
      :global {
        .ant-card-head-title {
          overflow: visible;
        }
      }
    }
  }
}

@media screen and (max-width: @screen-sm) {
  .standardList {
    .extraContentSearch {
      width      : 100%;
      margin-left: 0;
    }

    .headerInfo {
      margin-bottom: 16px;

      &>em {
        display: none;
      }
    }
  }
}

@media screen and (max-width: @screen-md) {
  .standardList {
    .listContent {
      &>div {
        display: block;
      }

      &>div:last-child {
        top  : 0;
        width: 100%;
      }
    }
  }

  .listCard {
    :global {
      .ant-radio-group {
        display      : block;
        margin-bottom: 8px;
      }
    }
  }
}

.standardListForm {
  :global {
    .ant-form-item {
      margin-bottom: 12px;

      &:last-child {
        margin-bottom: 32px;
        padding-top  : 4px;
      }
    }
  }
}

.formResult {
  width: 100%;

  [class^='title'] {
    margin-bottom: 8px;
  }
}





@media screen and (max-width: @screen-lg) {
  .contentLink {
    a {
      margin-right: 16px;
    }
  }
}

@media screen and (max-width: @screen-md) {
  .extraImg {
    display: none;
  }
}

@media screen and (max-width: @screen-sm) {
  .pageHeaderContent {
    padding-bottom: 30px;
  }

  .contentLink {
    position: absolute;
    bottom  : -4px;
    left    : 0;
    width   : 1000px;

    a {
      margin-right: 16px;
    }

    img {
      margin-right: 4px;
    }
  }
}


@media screen and (max-width: @screen-lg) and (min-width: @screen-md) {
  .standardList {
    .listContent {
      &>div {
        display: block;
      }

      &>div:last-child {
        top  : 0;
        width: 100%;
      }
    }
  }
}

@media screen and (max-width: @screen-xl) {
  .standardList {
    .listContent {
      &>div {
        margin-left: 24px;
      }

      &>div:last-child {
        top: 0;
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  .standardList {
    .listContent {
      text-align: right;

      &>div:last-child {
        top: 0;
      }
    }
  }
}